<template>
    <div class="block">
        <nav>
            <router-link to="/findmusic?id=10000">发现音乐</router-link>
            <router-link :to="{ path: '/collectmusic', query: { NUM1: 100, NUM2: 200 } }">收藏音乐</router-link>
            <router-link :to="{ name: 'Mymusic', params: { fid: 10000 } }">我的音乐</router-link>
            <router-link to="/lovemusic/50000">喜欢音乐</router-link>
        </nav>
    </div>
    <router-view />
</template>
<script setup>
</script>
<style scoped>
nav a {
    color: #333;
    text-decoration: none;
}

nav a:nth-child(2) {
    margin: 0 80px;
}
nav a:nth-child(3)
{
    margin-right:80px;
}
nav a.router-link-active {
    background: red;
    color: #fff;
}
</style>